Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

The Secret to a Successful Festive Strategy | Socho Abhi x Google

Google

Shoppers don’t follow a straight path an...

  2026/09/02

What It Takes to Win the Festive Season | Hero MotoCorp x Google

Google

Festive season is when consumer demand t...

  2026/09/02

Improve your code with Android skills in Android Studio

android
android

Android Studio Quail introduces bundled ...

  2026/09/01

What’s new: Android Studio Quail releases

android
android

Android Studio Quail brings powerful new...

  2026/09/01

इस शिक्षक दिवस पर भारत के सभी शिक्षकों को सादर नमन

शिक्षक दिवस की हार्दिक शुभकामनाएं ♥️ टी...

  2026/09/01

No spoilers, Sherlock! Building a book Q&A using on-device AI | Code,

Join Sherlock and Dr. Watson - erm, Mari...

  2026/08/31

Stop Calling GPT an AI Agent

🔹Download the free guide from HubSpot on...

  2026/08/30

Building AI Agents in Pure Python - Beginner Course

python

🔹Download the free guide from HubSpot on...

  2026/08/30

Vibe Coding Has A Security Problem (And How To Fix It)

Security

Get started with Superblocks and deploy ...

  2026/08/29

What Forward Deployed Actually Means

What is a forward-deployed engineer, and...

  2026/08/29

Health tracking, ‘round the clock ✅

Google

Health Guardian features on Google #Pixe...

  2026/08/28

Create a Novel Worthy Hero

Your hero can make or break your novel —...

  2026/08/28

What You Need to Know About Grok Bot... (it's not that good)

🔹Host your AI generated sites for FREE w...

  2026/08/28